<!DOCTYPE html>
<html lang="en">
<head>
<title>PetGoHome - Seu Pet Sempre Seguro</title>
<meta charset="utf-8">
<link rel="icon" href="img/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
<meta name="description" content="Your description">
<meta name="keywords" content="Your keywords">
<meta name="author" content="Your name">
<link rel="stylesheet" href="css/bootstrap.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/responsive.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/superfish.js"></script>
<script type="text/javascript" src="js/jquery.mobilemenu.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.ui.totop.js"></script>

<!--[if lt IE 8]>
  		<div style='text-align:center'><a href="http://www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode"><img src="http://www.theie6countdown.com/img/upgrade.jpg"border="0"alt=""/></a></div>  
 	<![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->

<!--<![endif]-->
<!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>  
    <link rel="stylesheet" href="css/ie.css" type="text/css" media="screen">
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700' rel='stylesheet' type='text/css'>

  <![endif]-->
</head>

<body>
<!--============================== header =================================-->
<header>
  <div class="container">
    <div class="navbar navbar_ clearfix">
      <ul class="list-soc">
        <li><a href="#"><img alt="" src="img/soc-icon1.png"></a></li>
        <li><a href="#"><img alt="" src="img/soc-icon2.png"></a></li>
        <li><a href="#"><img alt="" src="img/soc-icon3.png"></a></li>
      </ul>
      <div class="nav-collapse nav-collapse_  collapse">
        <ul class="nav sf-menu">
          <li class="active"><a href="index.php">Home</a></li>
          <li><a href="index-1.html">Sobre</a></li>
          <li><a href="index-2.html">Serviços</a>
            <ul>
              <li><a href="#">Adicionar Pet</a></li>
              <li><a href="#">Ativar medalha</a></li>
              <li><a href="#">Cadastros</a>
                <ul>
                  <li><a href="#">Vacinação</a></li>
				  <li><a href="#">Remédios</a></li>
				  <li><a href="#">Visitas ao veterinário</a></li>
                </ul>
              </li>
			  <li><a href="#">Parceiros</a>
                <ul>
                  <li><a href="#">Veterinários</a></li>
				  <li><a href="#">Petshops</a></li>
				  <li><a href="#">Adestradores</a></li>
                </ul>			  
			</ul>
          </li>
          <li><a href="index-3.html">Loja</a></li>
          <li><a href="index-4.html">Contato</a></li>
        </ul>
      </div>
    </div>
    
    <div class="row pad-bot">
      <article class="span3">
        <h1 class="brand"><a href="index.php"><img alt="Dog`s life" src="img/logo.gif"></a></h1>
      </article>
      <article class="span3 "> <img src="img/header-img1.jpg " alt="" /> </article>
      <article class="span3">
        <div class="block-txt1 maxheight"> <strong>Cadastre-se! 
          </strong> 
		  <span>É grátis... É Seguro...
          É Rápido... É Fácil...<br><br>
          ...E permite que seu amigo sempre volte para casa!</span> </div>
      </article>
      <article class="span3"> <img src="img/header-img2.jpg " alt="" /> </article>
    </div>
    <div class="row">
      <article class="span3">
        <div class="block-txt2"> <strong> Você já perdeu um amigo? 
          </strong> <span>Facilite a identificação do seu Pet com o PetGoHome!</span> </div>
      </article>
      <article class="span3">
        <div class="block-address maxheight">
          <address class="address">
          <strong>encontrou um Pet perdido?</strong> <span><a href="#">Clique aqui</a></span><span>ou ligue 0800 123 1234</span><span>Email: <a href="#">info@petgohome.com.br</a></span> 
		  <span>Procurar Pet:<input type="text" name="procurar" name=""><input type="button" name="Ok" value="Ok">
		  </span>
          </address>
        </div>
      </article>
      <article class="span3"> <img src="img/header-img3.jpg " alt="" /> </article>
      <article class="span3 ">
        <div class="block-txt3 maxheight"> <strong>Do You Want 
          Puppies That 
          Are Lovers 
          or Loners?</strong></div>
      </article>
    </div>
  </div>
</header>

<!--============================== content =================================-->

<div id="content" class="extra-content">
  <div class="container">
    <div class="border-horiz"></div>
    <div class="row splash">
      <article class="span3">
        <div class="block-txt4"> <strong>national<br>
          championship </strong> <span>18-25 <em>march</em> </span>
          <p>USA - LOS ANGELES,<br>
            901 East E Street,<br>
            Wilmington, CA 90744</p>
        </div>
      </article>
      <article class="span3">
        <h3><span>01/</span> Históricos</h3>
        <p>Praesent vestibulum aenean nonummy hendrerit mauris. Hasellus porta. Fusce suscipit varius mi cum sociis natoque. Fusce feugiat malesuada odio. </p>
        <div class="txt-1">Praesent vestibulum aenean nonummy hendrerit mauris. Hasellus porta. 
          Fusce suscipit varius mi cum sociis. </div>
        <a href="#" class="link-1">read more</a> </article>
      <article class="span3">
        <h3><span>02/</span> Histórico de Saúde</h3>
        <p>Praesent vestibulum aenean nonummy hendrerit mauris. Hasellus porta. Fusce suscipit varius mi cum sociis natoque. Fusce feugiat malesuada odio. </p>
        <div class="txt-1">Praesent vestibulum aenean nonummy hendrerit mauris. Hasellus porta. 
          Fusce suscipit varius mi cum sociis. </div>
        <a href="#" class="link-1">read more</a> </article>
      <article class="span3">
        <h3><span>03/</span> Histórico de Remédios</h3>
        <p>Praesent vestibulum aenean nonummy hendrerit mauris. Hasellus porta. Fusce suscipit varius mi cum sociis natoque. Fusce feugiat malesuada odio. </p>
        <div class="txt-1">Praesent vestibulum aenean nonummy hendrerit mauris. Hasellus porta. 
          Fusce suscipit varius mi cum sociis. </div>
        <a href="#" class="link-1">read more</a> </article>
    </div>
  </div>
</div>

<!--============================== footer =================================-->
<div class="container">
  <footer>
    <div class="row">
      <article class="span2 pull-right">
        <ul class="list">
          <li><a href="#">Deafness in dogs</a></li>
          <li><a href="#">Travelling with your dog</a></li>
          <li><a href="#">Poodle cross  breeds</a></li>
        </ul>
      </article>
      <article class="span2 pull-right">
        <ul class="list">
          <li><a href="#">Life in the old dog</a></li>
          <li><a href="#">Clicker training</a></li>
          <li><a href="#">Labradoodles</a></li>
        </ul>
      </article>
      <article class="span2 pull-right">
        <ul class="list">
          <li><a href="#">Choosing a puppy</a></li>
          <li><a href="#">Introducing dogs </a></li>
          <li><a href="#">Choosing a rescue dog</a></li>
        </ul>
      </article>
      <article class="span3 pull-right">
        <div class="box-phone"> <strong>Аggression?</strong> <span>call free:<em> 0800 125 1258</em></span>
          <p>An all-in-one dog training  resource 
            for owning, fixing your dog`s 
            behavior problem</p>
        </div>
      </article>
      <article class="span3"> <img src="img/logo-footer.gif" alt="" class="logo-footer"/>
        <div class="privacy">&copy; 2013 | <a href="index-5.html">Privacy policy</a> &nbsp;<!-- {%FOOTER_LINK} --> 
        </div>
      </article>
    </div>
  </footer>
</div>
<script type="text/javascript" src="js/bootstrap.js"></script>
</body>
</html>